<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<h:outputStylesheet library="css" name="bootstrap.css"></h:outputStylesheet>

	<style type="text/css">
body {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signin {
	max-width: 400px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .form-signin-heading,.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin label {
	font-size: 20px;
}

.form-signin input[type="text"],.form-signin input[type="password"] {
	font-size: 20px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}
</style>

	<h:outputStylesheet library="css" name="bootstrap-responsive.css"></h:outputStylesheet>
	<h:outputScript library="js" name="jquery.js"></h:outputScript>
	<h:outputScript library="js" name="bootstrap.js"></h:outputScript>

	<title>SiGE - Login</title>
</h:head>

<h:body style="background-color: #eeeeee">

	<div class="container">

		<h:form class="form-signin">

			<h2 class="form-signin-heading">
				<h:graphicImage library="img" name="logo.png" />
			</h2>



			<h:panelGroup rendered="#{facesContext.validationFailed}">
				<div class="alert alert-error">
					<button type="button" class="close" data-dismiss="alert">x</button>
					<h:messages />
				</div>
			</h:panelGroup>


			<h:panelGroup rendered="#{loginBean.msg.wmsg}">
				<div class="alert alert-block">
					<button type="button" class="close" data-dismiss="alert">x</button>
					<h4>Atenção!</h4>
					#{loginBean.msg.warningMsg}
				</div>
			</h:panelGroup>


			<h:panelGroup rendered="#{loginBean.msg.emsg}">
				<div class="alert alert-error">
					<button type="button" class="close" data-dismiss="alert">x</button>
					<h4>Erro!</h4>
					#{loginBean.msg.erroMsg}
				</div>
			</h:panelGroup>



			<h:panelGroup rendered="#{loginBean.msg.smsg}">
				<div class="alert alert-success">
					<button type="button" class="close" data-dismiss="alert">x</button>
					<h4>Sucesso!</h4>
					#{loginBean.msg.sucessMsg}
				</div>
			</h:panelGroup>



			<h:panelGrid columns="2">
				<h:outputLabel value="Usuário:" for="usu" />
				<h:inputText id="usu" label="Usuário"
					value="#{loginBean.pesquisador.login.id_usuario}" required="true"
					requiredMessage="*O login do Usuário é obrigatório!"
					style="width:255px; height:30px" class="input-block-high"
					placeholder="Login">
				</h:inputText>




				<h:outputLabel value="Senha:" for="sen" />
				<h:inputSecret id="sen" label="Senha"
					value="#{loginBean.pesquisador.login.senha}" required="true"
					requiredMessage="*A senha do Usuário é obrigatório!"
					style="width:255px; height:30px" class="input-block-high"
					placeholder="Senha">
					<f:validateLength minimum="6" />
				</h:inputSecret>




				<h:commandButton action="#{loginBean.logar}" value="Entrar"
					class="btn btn-large btn-primary" autofocus="autofocus" />

			</h:panelGrid>










		</h:form>
	</div>

</h:body>
</html>
